<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="lib/css/bootstrap.css">
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="https://at.alicdn.com/t/font_1862939_swvor16egne.css">
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.js"></script>
</head>
<body>
    <script src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
    <div class="container">
        <div class="row">
            <div class="col-md-7 col-sm-7 col-xs-7">
                <a href="#"><img src="images/logo0.png" alt=""></a>
            </div>
            <div class="col-md-5 col-sm-5 col-xs-5">
                <ul class="header-li">
                    <li class="select">首页</li>
                    <li>关于公司</li>
                    <li>产品展示</li>
                    <li>招商加盟</li>
                    <li>联系我们</li>
                </ul>   
                <script>
                    $(".header-li li").click(function(){
                        $(this).addClass("select").siblings().removeClass("select");
                        var index = $(this).index();
                        console.log(index);
                        $("#tab").children().eq(index).fadeIn().siblings().fadeOut();
                    })
                </script> 
            </div>
        </div>
    </div>
    <div id="tab">
        <div class="mx_content" id="mx_content">


            <meta charset="UTF-8">
            <title>木兮首页</title>
            <link rel="stylesheet" type="text/css" href="style/index.css">
        
        
            <!-- 轮播开始 -->
            <div class="home_banner">
                <div id="banner_slide" class="carousel slide" data-ride="carousel">
                  <ol class="carousel-indicators">
                    <li data-target="#banner_slide" data-slide-to="0" class="active"></li>
                    <li data-target="#banner_slide" data-slide-to="1"></li>
                    <li data-target="#banner_slide" data-slide-to="2"></li>
                  </ol>
                  <div class="carousel-inner" role="listbox">
                      <div class="item active">
                      <img src="images/banner1.jpg" alt="banner1">
                    </div>
                    <div class="item">
                      <img src="images/banner2.jpg" alt="banner2">
                    </div>
                    <div class="item">
                      <img src="images/banner3.jpg" alt="banner3">
                    </div>
                  </div>
                  <a class="left carousel-control" href="#banner_slide" role="button" data-slide="prev">
                    <span class="glyphicon glyphicon-menu-left" aria-hidden="true"></span>
                    <span class="sr-only">Previous</span>
                  </a>
                  <a class="right carousel-control" href="#banner_slide" role="button" data-slide="next">
                    <span class="glyphicon glyphicon-menu-right" aria-hidden="true"></span>
                    <span class="sr-only">Next</span>
                  </a>
                </div>
            </div>
            <!-- 轮播结束 -->
            <!-- 中间内容区域开始 -->
            <div class="home_content mx_center mx_width">
                <h3 style="text-align: center;margin-bottom: 50px">企业精神</h3>
                <div class="characteristic row text-center">
                    <div class="col-md-3">
                        <div class="characteristic_icon">
                            <img src="images/pinpai.png" alt="pinpai">
                        </div>
                        <p class="title ">品质</p>
                        <p class="sm_title">品质是品牌的发展基石</p>
                        <p class="sm_title">坚持好品质,必定铸就优质品牌</p>
                    </div>
                    <div class="col-md-3">
                        <div class="characteristic_icon">
                            <img src="images/keji.png" alt="keji">
                        </div>
                        <p class="title ">科技</p>
                        <p class="sm_title">科技是品牌的助推力</p>
                        <p class="sm_title">只有不断科技创新,才能不会被淘汰</p>
                    </div>
                    <div class="col-md-3">
                        <div class="characteristic_icon">
                            <img src="images/chengxin.png" alt="chengxin">
                        </div>
                        <p class="title ">诚信</p>
                        <p class="sm_title">诚信是品牌的防护盾</p>
                        <p class="sm_title">诚信企业,放心品牌才能走的更长久</p>
                    </div>
                    <div class="col-md-3">
                        <div class="characteristic_icon">
                            <img src="images/gongying.png" alt="gongying">
                        </div>
                        <p class="title ">共赢</p>
                        <p class="sm_title">共赢是品牌的生命力</p>
                        <p class="sm_title">与客户共赢,与员工共赢与企业共赢</p>
                    </div>
                </div>
                <div class="product">
                    <div class="product_title">
                        <p class="show">产品展示</p>
                    </div>
                    <div class="product_list">
                        <div class="row text-center">
                            <div class="col-md-4 col-sm-6">
                                <div><img src="images/item01.jpg" alt="01"></div>
                            </div>
                            <div class="col-md-4 col-sm-6">
                                <img src="images/item02.jpg" alt="02">
                            </div>
                            <div class="col-md-4 col-sm-6">
                                <img src="images/item03.jpg" alt="03">
                            </div>
                            <div class="col-md-4 col-sm-6">
                                <img src="images/item04.jpg" alt="04">
                            </div>
                            <div class="col-md-4 col-sm-6">
                                <img src="images/item05.jpg" alt="05">
                            </div>
                            <div class="col-md-4 col-sm-6">
                                <img src="images/item06.jpg" alt="06">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- 中间内容区域开始 -->
        
        </div>
        <div class="mx_content clean" id="mx_content">


            <meta charset="utf-8">
            <link rel="stylesheet" type="text/css" href="style/aboutus.css">
            <script type="text/javascript" src="js/aboutus.js"></script>
        
        
            <!-- banner开始 -->
            <div class="aboutus_banner">
                <img src="images/aboutus_banner.jpg">
            </div>
            <!-- banner结束 -->
            <!-- 中间内容区域开始 -->
            <div class="aboutuspart mx_width">
                <div class="aboutus_title">
                    <p class="aboutus_text">关于木兮</p>
                </div>
                <div class="aboutus_content">
                    <div class="container-fluid">
                        <div class="row">
                            <div class="col-md-6 map">
                                <iframe src="https://map.baidu.com/poi/%E8%B1%A1%E5%B1%B1%E4%BA%8C%E8%B7%AF%E6%B8%B8%E5%9B%AD/@12492058.36416579,3615097.415817083,14.27z?uid=4a39a67fdd5bda3a2ad7ab7e&info_merge=1&isBizPoi=false&ugc_type=3&ugc_ver=1&device_ratio=2&compat=1&querytype=detailConInfo&da_src=shareurl" frameborder="0"></iframe>
                            </div>
                            <div class="col-md-6">
                                <p>	<span class="tips">木兮地板</span>由著名的湖北百诺木业有限公司监制出品。木兮地板秉承了百诺木业一贯的品质，将严谨的作风，不苟的态度，时尚的气息有机地融合到地板中，将木兮地板的无尽心血，无穷才智淋漓尽致的展现在世人面前。</p>
                                <p>湖北百诺木业有限公司以一流的设备，一流的材料，一流的技术造一流的地板，公司先后通过ISO9001质量管理认证和ISO14000环境管理体系认证，并获得“中国知名品牌”称号。强大的研发队伍，精良的生产工艺，严格的质检把关确保了木兮系列产品的优秀品质，是您居家，办公，开店的首选地板。</p>
                                <p>木兮地板耐磨等级符合AC3标准，甲醛释放量低于国家E1标准，更健康环保，阻燃等级达到B1标准。湖北百诺木业有限公司对市场的坚定信念和雄厚的实力以及积极响应政府和环保政策都让自己在市场上占有重要的位置，并成为地板行业的领跑者</p>
                                <p><span class="tips">“一面艺术,一面科技”，</span>湖北百诺木业有限公司将用最真诚的行动来打动每位客户。</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- 中间内容区域开始 -->
        
        
        
        </div>
    </div>
    <div class="footer" id="footer">
		<div class="row mx_width mx_center">
			<div class="col-md-3 col-sm-4">
				<div class="footer_logo">
					<a href="index.html"><img src="images/logo.ico"></a>
				</div>
			</div>
			<div class="col-md-6 col-sm-8">
				<div class="row changepage" id="changepage">
					<div class="col-md-3 col-sm-3"><a href="javascript:void(0)">关于公司</a></div>
					<div class="col-md-3 col-sm-3"><a href="javascript:void(0)">产品展示</a></div>
					<div class="col-md-3 col-sm-3"><a href="javascript:void(0)">招商加盟</a></div>
					<div class="col-md-3 col-sm-3"><a href="javascript:void(0)">联系我们</a></div>
				</div>
				<p class="copyright">版权所有&copy木兮实业有限公司  鄂ICP备18011650号</p>
			</div>
			<div class="col-md-3 col-sm-12">
				<div class="row contact">
					<p class="col-md-12 col-sm-4"><span class="iconfont icon-weibiaoti-"></span> 027-83622296</p>
					<p class="col-md-12 col-sm-4"><span class="iconfont icon-shouji54"></span>13387576980</p>
					<p class="col-md-12 col-sm-4"><span class="iconfont icon-youxiang"></span>yt15yi@163.com</p>
				</div>
			</div>
		</div>
	</div>
</body>
</html>